<script type="text/javascript">
	$(function() {
		$('#scrollt-back-to-top').click(function() {
			$('body, html').animate({scrollTop:0},600);
		});
	})
</script>

<div id="footer-wrapper">
	<footer id="main-footer" class="group">
		<section id="who-am-i" class="footer-box">
			<header>
				<h1>Who am I?</h1>
			</header>
			<p>
				A humble coder trying to do something every day and night.
				Specialized in J2EE, Javascript and Mobile area. 
				<a class="button-link" href="/about.jsp">Read More</a>
			</p>
			
		</section>

		<section id="info" class="footer-box">
			<header>
				<h1>Quick Links</h1>
			</header>
			<nav>
				<ul>
					<li><a title="Seabook Chen's Site Home" class="button-link" href="/home.jsp">Home</a></li>
					<li><a title="Seabook Chen's blog" class="button-link" href="/blog.jsp">Blog</a></li>
					<li><a title="Seabook Chen's Resume" class="button-link" href="/resume.jsp">Resume</a></li>
					<li><a title="Seabook Chen's Playground" class="button-link" href="/playground.jsp">PlayGround</a></li>
					<li><a title="Seabook Chen's About" class="button-link" href="/about.jsp">About</a></li>
					<li><a title="Angella's Blog" class="button-link" href="http://blog.sina.com.cn/u/2934863892" target="_blank">My daughter Angella's Blog</a><span class="new">(new)</span></li>
					<li><a id="scrollt-back-to-top" class="button-link" href="#top">Go back to Top <img id="up-arrow" src="images/up-arrow.png"/></a></li>
				</ul>
			</nav>
		</section>

		<section id="social" class="footer-box">
			<header>
				<h1>Follow me</h1>
			</header>
			<nav>
				<ul>
					<li><a href="http://www.facebook.com/seabook.chen"><img src="images/facebook.png" /></a></li>
					<li><a href="http://www.kaixin001.com/home/?uid=98536457"><img src="images/kaixin.png" /></a></li>
					<li><a href="http://au.linkedin.com/pub/seabook-chen/20/13/495"><img src="images/linkedin.png" /></a></li>
					<li><a href="https://plus.google.com/109447080094115236972"><img src="images/google+.png" /></a></li>
					<li id="twitter"><a href="javascript:noTwitter();"><img src="images/twitter.png" /></a></li>
					<div class="tool-tips"></div>
				</ul>
			</nav>
			<div id="rego">
				<p>&copy;2012 SeabookChen.net</p>
				<img src="images/appengine-silver-120x30.gif"
					alt="Powered by Google App Engine" />
			</div>
		</section>
	</footer>
</div>